.container{
				width:100%;
				
				}
				ul{
					
					list-style: none;
				}
				a{
					
					  color: inherit; /* 使用 inherit 让其继承父级元素的颜色 */
					  /* 或者设置为与默认状态相同的颜色 */
					  /* color: #000; */
			

					text-decoration: none;
				}
				
			.head1{
				
				width: 100%;
				height: 30px;
				background-color:#f4f4f4;
			}
			.layui-row{
				height: 100%;
			}
			.layui-col-xs4{
				height: 100%;
			}
			.layui-col-xs1{
				height: 100%;
			}
			.grid-demo{
				height: 100%;
				width: 100%;
				display: flex;
				margin-left: 34px;
				align-items: center;
			}
			.login_check{
				display: none;
				width: 250px;
				margin-top: 7px;
				border-left: 1px solid #ececec;
				border-right: 1px solid #ececec;
				border-bottom: 1px solid #ececec;
				border-top: none;
				background-color: #ffffff;
			}
			.login:hover>.login_check{
				display: flex;
			}
			.login:hover{
				border-left: 1px solid #ececec;
				border-right: 1px solid #ececec;
				border-top: 1px solid #ececec;
				background-color: #FFFFFF;
			}
			.userpic{
				width: 80px;
				height: 80px;
			}
			.userpic img{
				border-radius: 50px;
				width: 70px;
				heigth: 70px;
				border: 1px solid #d6d6d6;
				margin-left: 20px;
				overflow:hidden;
			}
			.userinfo{
				margin-top: 20px;
				margin-left: 20px;
			}
			.username{
				display: flex;
			}
			.username a{
				font-size: 17px;
			
			}
			
			.username h1 a{
				display: block;
				margin-top: 1px;
				margin-left: 60px;
				font-size: 13px;
			}
			.userid{
				margin-top: 5PX;
				width: 100%;
				font-size: 10px;
				color: #9f9f9f;
			}
			
			
			
			
			
			.head{
				width: 80%;
				height: 120px;
				margin: auto;
			
			}
			.logo_pic{
				width: 120px;
				float: left;
				text-align: center;
				line-height: 100px;
				margin-top: 20px;
				margin-right: 100px;
			}
			.logo_pic img{
				width: 160px;
				height: 115px;
			}
			.serch{
				float: left;
				width: 600px;
				line-height: 80px;
				margin-top: 50px;
			}
			.serch_box{
				float: left;
			}
			
			.serch input{
				width: 487px;
				height: 30px;
				padding-left: 15px;
				border:3px solid #FFC0CB;
			}
			.serch_pic{
				float: left;
				margin-top: 22.6px;
				height: 34.8px;
				width: 70px;
				background-color:#FFC0CB ;
			
			}
			.serch img{
				margin-left: 19px;
				margin-top: 6px;
				margin-bottom:80px;
				height: 25px;
			}
			.shoppingcart{
				float: left;
				margin-top: 74px;
				height: 34.1px;
				width: 140px;
				border: 1px solid #eeeeee;
			}
			.shoppingcart_pic img{
				float: left;
				margin-left: 20px;
				margin-top: 7px;
				width: 20px;
				height: 100%;
			}
			.shoppingcart_char h1{
				float: left;
				margin-left: 5px;
				margin-top: 7px;
				font-size: 14px;
				color: #FFC0CB;
			}
			.shoppingcart:hover{
				background-color: #FFC0CB;
			}
			.shoppingcart:hover>.shoppingcart_char h1{
				color: #EEEEEE;
			}
			
			
			
			
			.classification{
				height: 50px;
				margin-top: -20px;
			}
			.layui-col-xs3{
				height: 100%;
			}
			#classifiction_1{
				display: flex;
				align-items: center;
				margin-left: 39px;
				justify-content: center;
				background-color:#FFC0CB ;
				text-align: justify;
			}
			#classifiction_1 a{
				color: #FFFFFF;
			}
			#classifiction_2 a:hover{
				color: #FFC0CB;
			}
			
			.cl1 a:hover{
				color: #FFC0CB;
			}
			.selected{
				background-color:#ffc7ca;;
				color: white;
				
				
			}
			.selected:hover{
				color: white;
			
			}
			.unselected{
				color:black;
				
			}
			.unselected:hover{
				color: #ffc7ca;;
			}

			/* 主体内容部分 */
			
			.content{
				width:100%;
				background-image: url("../images/layout-bg.jpg");
				margin-top: 50px;
				 background-size: cover; /* 设置背景图片尺寸为cover，铺满容器 */
				  background-position: center center; /* 设置背景图片在容器中居中对齐 */
				  background-repeat: no-repeat; 
				
			}
			.content-left{
				float: left;
					width:200px;
					height:1200px;
					margin-left:134px;
					background-color: #f4f3f4;
					border-right: 1px solid #e1e1e1;
			}
			.person-info{
				
				margin-top: 40px;
				  margin-bottom: 30px;
				  font-size: 25px;
				  color: #222;
				  font-weight: 400;
				  text-align: center;
			}
			.content-title a{
				
				display: block;
				font-size: 18px;
				height:40px;
				line-height: 40px;
				width:100%;
				text-align: center;
			}
			
				
				
		
			
			.content-right{
				float: right;
				width:900px;
				margin-right: 300px;
				margin-bottom: 300px;
			}
			.person-order{
				width:100%;
				height:40px;
				border-bottom: 1px groove #ffc7ca;
				line-height: 40px;
				text-align: center;
				
			}
			.person-order a{
				font-size: 16px;
				display: block;
				height: 40px;
				width: 150px;
				font-weight: 500;
				
				
			}
			.good{
				width: 100%;
				text-align: center;
				
			}
			.person-order a:hover{
				color: #ffc7ca;
				
			}
			.selected-title{
				border-bottom:2px solid #f4b8c3;
				color: #666;
			}
			.unselected-title{
				color:#666;
			}
			.good-title{
				width: 100%;
				height: 40px;
				line-height: 40px;
				border: 1px solid #eaeaea;
				background-color: #f9f9f9;
				margin-top: 40px;
			}
			.Myorder{
				font-size: 20px;
				margin-left: 10px;
				font-weight: normal;
				line-height: 80px;
				color:#EF4238;
			}
			.order{
				margin-top: 30px;
				width:100% ;
				
			}
			.order-info{
				margin-top: 30px;
				background-color:  #f9f9f9;
				border: 1px solid #f9f9f9 ;
				width:901.267px;
				height:50px;
			}
			.cover{
				margin-left: 20px;
				width: 30px;
				height: 30px;
			}
			.order-time{
				height: 50px;
				line-height: 50px;
				margin-left: 20px;
				margin-right: 30px;
				color: #666;
				float: right;
				margin-right: 20px;
			}
			.shop{
				display: inline-block;	
				margin-right: 50px;
				height: 40px;
				margin-top: 5px;
				line-height: 40px;
				color:	#666 ;
			}
			.order-id{
				display: inline-block;	
				width: 400px;
				color: #666;
			}
			.order-article{
					display: flex;
				width:100%;
				height:110px;
				  border: 1px solid #e5e5e5;
		}
			.order-article img{
				margin-top: 15px;
				margin-left: 20px;
				width: 66px;
				height:91px;
			
			}
			
			
				
			.article-list li{
				margin-bottom: 1px;
			}
.remark{
	width: 110px;
	height: 100px;
	margin-left: 10px;
	margin-right: 10px;
	border-right:1px solid #f1f1f1;
	margin-top: 10px;
	color: #666;


}
.good-remark{
	display: block;
	width: 100%;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;/*文本超出的部分变为省略号*/
}
.good-size{
	display: block;
	width: 100%;
	height: 40px;
	left: 20px;
	font-size: 13px;
	white-space: nowrap; /*使文本显示在一行*/
	overflow: hidden;
	text-overflow: ellipsis;/*文本超出的部分变为省略号*/
	color:#f4b8c3 ;
}
.num{
	width: 80px;
	height: 100px;
	line-height: 110px;
	margin-left: 20px;
	color: #666;


}
.num span{
	display: inline-block;

}

.gname{
				width: 100px;
				height: 100px;
				margin-left: 10px;
				color: #666;
				line-height: 110px;
				white-space: nowrap; /*使文本显示在一行*/
				overflow: hidden;
				text-overflow: ellipsis;/*文本超出的部分变为省略号*/

}
			.cinema{
				font-size: 12px;
				  color: #999;
				  margin-bottom: 4px;
				  margin-right: 10px;
			}
			.index{
				
				font-size: 12px;
				  color: #999;
			}
			.date{
				font-size: 12px;
				  color: #f03d37;
				}

			.detail{
				

				height:100%;
				
			}
			.price{
				font-weight: normal;
				font-size: 16px;
				display: block;
				height: 100%;
				width: 160px;
				line-height:110px;
				float: left;
				text-align: center;
				
				border-left:1px solid  #f1f1f1;
				color: #666;
			}
			.status{
				font-weight: normal;
				font-size: 16px;
				display: block;
				height: 100%;
				width: 160px;
				line-height:110px;
				float: left;
				text-align: center;
				border-left:1px solid #f1f1f1;
				color: #666;
				
			
			}
			.delete{
				font-size: 16px;
				display: block;
				height: 100%;
				width: 150px;
				line-height:110px;
				float: left;
				text-align: center;
				border-left:1px solid #f1f1f1;
				color: #666;

			}
			.delete:hover{
				color:  #f4b8c3;
			}
			
			
			
				/* 底部 */
		.footer{
			clear: both;
			width: 100%;
			
			border: 1px solid #eeeeee;
			background-color: rgb(234,234,234);
			
		}
		.footer p{
			margin: 0 auto;
			display: block;
			width: 90%;
			margin-top: 30px;
			text-align: center;
		}
						
			
					
			